<!DOCTYPE html>
<!--[if IE 9 ]><html class="ie ie9" lang="en" class="no-js"> <![endif]-->
<!--[if !(IE)]><!-->
<html lang="en" class="no-js">
<!--<![endif]-->

<head>
	<title>Dynamic Table 2</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="description" content="KingAdmin - Bootstrap Admin Dashboard Theme">
	<meta name="author" content="The Develovers">

	<!-- CSS -->
	<link href="../assets/css/bootstrap.min.css" rel="stylesheet" type="text/css">
	<link href="../assets/css/font-awesome.min.css" rel="stylesheet" type="text/css">
	<link href="../assets/css/main.css" rel="stylesheet" type="text/css">
	<link href="../assets/css/my-custom-styles.css" rel="stylesheet" type="text/css">

	<!--[if lte IE 9]>
		<link href="../assets/css/main-ie.css" rel="stylesheet" type="text/css"/>
		<link href="../assets/css/main-ie-part2.css" rel="stylesheet" type="text/css"/>
	<![endif]-->

	<!-- CSS for demo style switcher. you can remove this -->
	<link href="../demo-style-switcher/assets/css/style-switcher.css" rel="stylesheet" type="text/css">

	<!-- Fav and touch icons -->
	<link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/kingadmin-favicon144x144.png">
	<link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/kingadmin-favicon114x114.png">
	<link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/kingadmin-favicon72x72.png">
	<link rel="apple-touch-icon-precomposed" sizes="57x57" href="../assets/ico/kingadmin-favicon57x57.png">
	<link rel="shortcut icon" href="../assets/ico/favicon.png">

</head>

<body>
	<!-- WRAPPER -->
	<div class="wrapper">

		<!-- TOP BAR -->
		<div class="top-bar">
			<div class="container">
				<div class="row">
					<!-- logo -->
					<div class="col-md-2 logo">
						<h1 class="sr-only">签约列表</h1>
					</div>
					<!-- end logo -->
					<div class="col-md-10">
						<div class="row">
							<div class="col-md-3">
							</div>
							<div class="col-md-9">
								<div class="top-bar-right">
									<!-- responsive menu bar icon -->
									<a href="#" class="hidden-md hidden-lg main-nav-toggle"><i class="fa fa-bars"></i></a>
									<!-- end responsive menu bar icon -->
									<button type="button" id="start-tour" class="btn btn-link"><i class="fa fa-refresh"></i> Start Tour</button>
									<button type="button" id="global-volume" class="btn btn-link btn-global-volume"><i class="fa"></i></button>
									<!-- logged user and the menu -->
									<div class="logged-user">
										<div class="btn-group">
											<a href="#" class="btn btn-link dropdown-toggle" data-toggle="dropdown">
												<img src="../assets/img/user-avatar.png" alt="User Avatar" />
												<span class="name">Stacy Rose</span> <span class="caret"></span>
											</a>
											<ul class="dropdown-menu" role="menu">
												<li>
													<a href="#">
														<i class="fa fa-user"></i>
														<span class="text">Profile</span>
													</a>
												</li>
												<li>
													<a href="#">
														<i class="fa fa-cog"></i>
														<span class="text">Settings</span>
													</a>
												</li>
												<li>
													<a href="#">
														<i class="fa fa-power-off"></i>
														<span class="text">Logout</span>
													</a>
												</li>
											</ul>
										</div>
									</div>
									<!-- end logged user and the menu -->
								</div>
								<!-- /top-bar-right -->
							</div>
						</div>
						<!-- /row -->
					</div>
				</div>
				<!-- /row -->
			</div>
			<!-- /container -->
		</div>
		<!-- /top -->

		<!-- BOTTOM: LEFT NAV AND RIGHT MAIN CONTENT -->
		<div class="bottom">
			<div class="container">
				<div class="row">
					<!-- content-wrapper -->
					<div class="col-md-10 content-wrapper">
						<div class="row">
							<div class="col-lg-4 ">
								<ul class="breadcrumb">
									<li><i class="fa fa-home"></i><a href="#">Home</a></li>
									<li><a href="#">Tables</a></li>
									<li class="active">Dynamic Table</li>
								</ul>
							</div>
						</div>

						<!-- main -->
						<div class="content">
							<div class="main-header">
								<h2>Dynamic Table</h2>
								<em>tables with lot of features and interactivity</em>
							</div>

							<div class="main-content">

								<!-- FEATURED DATA TABLE -->
								<div class="widget widget-table">
									<div class="widget-header">
										<h3><i class="fa fa-table"></i> Featured Table</h3> <em> - <a href="http://datatables.net/" target="_blank">jQuery Data Table</a> with sorting feature, live search and pagination</em>
									</div>
									<div class="widget-content">
										<table id="featured-datatable" class="table table-sorting table-striped table-hover datatable">
											<thead>
												<tr>
													<th>Browser</th>
													<th>Operating System</th>
													<th>Visits</th>
													<th>New Visits</th>
													<th>Bounce Rate</th>
												</tr>
											</thead>
											<tbody>
												<tr>
													<td>Chrome</td>
													<td>Macintosh</td>
													<td>360</td>
													<td>82.78%</td>
													<td>87.77%</td>
												</tr>
												<tr>
													<td>Chrome</td>
													<td>Windows</td>
													<td>582</td>
													<td>87.24%</td>
													<td>90.12%</td>
												</tr>
												<tr>
													<td>Chrome</td>
													<td>Linux</td>
													<td>172</td>
													<td>45.21%</td>
													<td>48.81%</td>
												</tr>
												<tr>
													<td>Chrome</td>
													<td>iOS</td>
													<td>86</td>
													<td>35.23%</td>
													<td>44.21%</td>
												</tr>
												<tr>
													<td>Firefox</td>
													<td>Windows</td>
													<td>280</td>
													<td>63.12%</td>
													<td>89.34%</td>
												</tr>
												<tr>
													<td>Firefox</td>
													<td>Android</td>
													<td>236</td>
													<td>58.02%</td>
													<td>76.19%</td>
												</tr>
												<tr>
													<td>Internet Explorer</td>
													<td>Windows</td>
													<td>145</td>
													<td>45.23%</td>
													<td>94.65%</td>
												</tr>
												<tr>
													<td>Safari</td>
													<td>Macintosh</td>
													<td>103</td>
													<td>22.12%</td>
													<td>52.43%</td>
												</tr>
												<tr>
													<td>Safari</td>
													<td>iOS</td>
													<td>302</td>
													<td>56.98%</td>
													<td>45.53%</td>
												</tr>
												<tr>
													<td>Opera</td>
													<td>Windows</td>
													<td>328</td>
													<td>67.12%</td>
													<td>78.34%</td>
												</tr>
												<tr>
													<td>Opera</td>
													<td>Macintosh</td>
													<td>22</td>
													<td>87.21%</td>
													<td>79.81%</td>
												</tr>
												<tr>
													<td>Chrome</td>
													<td>iOS</td>
													<td>45</td>
													<td>23.21%</td>
													<td>34.67%</td>
												</tr>
												<tr>
													<td>Firefox</td>
													<td>Windows</td>
													<td>67</td>
													<td>27.11%</td>
													<td>78.08%</td>
												</tr>
												<tr>
													<td>Chrome</td>
													<td>Macintosh</td>
													<td>120</td>
													<td>80.78%</td>
													<td>80.77%</td>
												</tr>
												<tr>
													<td>Chrome</td>
													<td>Windows</td>
													<td>682</td>
													<td>89.44%</td>
													<td>95.32%</td>
												</tr>
												<tr>
													<td>Chrome</td>
													<td>Windows</td>
													<td>172</td>
													<td>43.11%</td>
													<td>46.89%</td>
												</tr>
											</tbody>
										</table>
									</div>
								</div>
								<!-- END FEATURED DATA TABLE -->

							</div>
							<!-- /main-content -->
						</div>
						<!-- /main -->
					</div>
					<!-- /content-wrapper -->
				</div>
				<!-- /row -->
			</div>
			<!-- /container -->
		</div>
		<!-- END BOTTOM: LEFT NAV AND RIGHT MAIN CONTENT -->
	</div>
	<!-- /wrapper -->

	<!-- FOOTER -->
	<footer class="footer">
		&copy; 2014-2015 The Develovers
	</footer>
	<!-- END FOOTER -->

	<!-- Javascript -->
	<script src="../assets/js/jquery/jquery-2.1.0.min.js"></script>
	<script src="../assets/js/bootstrap/bootstrap.min.js"></script>
	<script src="../assets/js/plugins/modernizr/modernizr.js"></script>
	<script src="../assets/js/plugins/bootstrap-tour/bootstrap-tour.custom.js"></script>
	<script src="../assets/js/king-common.js"></script>
	<script src="../demo-style-switcher/assets/js/deliswitch.js"></script>
	<script src="../assets/js/plugins/datatable/jquery.dataTables.min.js"></script>
	<script src="../assets/js/plugins/datatable/exts/dataTables.colVis.bootstrap.js"></script>
	<script src="../assets/js/plugins/datatable/exts/dataTables.colReorder.min.js"></script>
	<script src="../assets/js/plugins/datatable/exts/dataTables.tableTools.min.js"></script>
	<script src="../assets/js/plugins/datatable/dataTables.bootstrap.js"></script>
	<script src="../assets/js/plugins/jqgrid/jquery.jqGrid.min.js"></script>
	<script src="../assets/js/plugins/jqgrid/i18n/grid.locale-en.js"></script>
	<script src="../assets/js/plugins/jqgrid/jquery.jqGrid.fluid.js"></script>
	<script src="../assets/js/plugins/bootstrap-datepicker/bootstrap-datepicker.js"></script>
	<script src="../assets/js/king-table.js"></script>

</body>

</html>

